<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{phrase var='general.title'} | {phrase var='general.protduct_title'}</title>
        <link rel="icon" href="http://localhost/magento/skin/adminhtml/default/default/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="http://localhost/magento/skin/adminhtml/default/default/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/default.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/layout.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/menu.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.treeview.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.theme.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.core.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.datepicker.css" media="all" />

        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.button.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.resizable.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.dialog.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.tooltip.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.override.css" />

        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/jquery.ui.tab.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/vertical-tab.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/table.css" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/add-new.css" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/product.css" />
        <link rel="stylesheet" type="text/css" href="{phrase var='general.host'}/static/css/admin/product_category.css" />
        <!--[if lt IE 8]>
        <link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/adminhtml/default/default/iestyles.css" media="all" />
        <![endif]-->
        <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/adminhtml/default/default/below_ie7.css" media="all" />
        <script type="text/javascript" src="http://localhost/magento/js/lib/ds-sleight.js" defer></script>
        <script type="text/javascript" src="http://localhost/magento/js/varien/iehover-fix.js"></script>
        <![endif]-->
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/adminhtml/default/default/ie7.css" media="all" />
        <![endif]-->
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/general.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.min.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.treeview.js"></script>
        <script type="text/javascript" src="{phrase var='general.host'}/static/js/jquery.cookie.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/admin/menu.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.core.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.widget.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.datepicker.js"></script>

        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.button.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.draggable.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.mouse.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.position.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.resizable.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.dialog.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.tooltip.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.ui.tab.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/jquery.form.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/admin/category/index.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/project.js"></script>
        <script type='text/javascript' src="{phrase var='general.host'}/static/js/project.ui.js"></script>
        <script type='text/javascript'>
            $(function(){
                var okHandler = function() {
                    alert(32321);
                };
                
                var cancelHandler = function() {
                    alert('cancel');
                };
                
//                $dialog.confirm(okHandler, cancelHandler, 'Confirm friend', 'sure delete?')
//                $dialog.alert('sdfss');
//                  $dialog.error('sdfss');
//                    $dialog.message({text: 'sfjs adf slkkl s', butons: {Ok: function(){}, Close: function(){}}});
                  $body = '<div>\n\
              <span>sdfasew</span><input type="text" name="xx" value="tt" />\n\
              <span>sdfasew</span><input type="text" name="xx" value="tt" />\n\\n\
<span>sdfasew</span><input type="text" name="xx" value="tt" />\n\  </div>'
                 $buttons = {
                     Continue: function(){alert('continue'); $dialog.close().destroy();},
                     Open: function(){alert(1)},
                     Close: function(){alert(2)},
                     Cancel: function(){alert(3)}
                 };
//                  $dialog.container({body: $body, buttons: $buttons});
                //$dialog.error('fdsfsf fs fs');
//                $dialog.alert(' fasf s  ');
//                  $dialog.confirm(okHandler, 'sf sdf ds', 'fdsfss', function(){alert('cancel');});
//                  $dialog.losading();
            });
        </script>
    </head>
    <body id="store-body">
        <div class="overal">
            <noscript>
                <div class="noscript">
                    <div class="content">
                        <p><strong>JavaScript seems to be disabled in your browser.</strong></p>
                        <p>Please enable javascript browser to use the functionality of website.</p>
                    </div>
                </div>
            </noscript>
            <div class="header">
                <div class="clear"></div>
                <div id="menu" class="navigation-store">
                    <!-- menu start -->
                    <ul id="navigation">
                        <li class=" active  level0"> <a href="#" class="active"><span>Dashboard</span></a>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Sales</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>Orders</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Invoices</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Shipments</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Product</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>Manage Products</span></a>
                                </li>
                                <li class=" level1"> <a href="#"><span>Manage Categories</span></a>
                                </li>

                                <li class=" parent level1"> <a href="#" onclick="return false"><span>Tags</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>All Tags</span></a>
                                        </li>
                                        <li class="last level2"> <a href=""><span>Pending Tags</span></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Users</span></a>
                            <ul>
                                <li class=" level1"> <a href="#"><span>Manage User</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Manage Catergories</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Newsletter</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>Newsletter Templates</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Newsletter Queue</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Newsletter Subscribers</span></a>
                                </li>
                                <li class="last level1"> <a href="#"><span>Newsletter Problem Reports</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Reports</span></a>
                            <ul>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Sales</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Orders</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Invoiced</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Shipping</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>PayPal Settlement Reports</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Cart</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Products in carts</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Abandoned carts</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Products</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Bestsellers</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Products Ordered</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Most Viewed</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Customers</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>New Accounts</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Customers by orders total</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Customers by number of orders</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Tags</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Customers</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Products</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Popular</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="level1"> <a href="#"><span>Search Terms</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>System</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>My Account</span></a>
                                </li>
                                <li class="parent level1"> <a href="#"><span>Manage Currency</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Rates</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Symbols</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="level1"> <a href="#"><span>Emails</span></a>
                                </li>
                                <li class="last level1"> <a href="#"><span>Configuration</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <!-- menu end -->
                </div>
            </div>

            <div class="info-log">
                <p class="info">
                    Logged in as millionairetai<span class="separator">|</span><a href="#">Log Out</a>
                </p>
            </div>

            <div class="container">
                <div id="main-container">
                    <div id="messages"></div>
                    <div class="header-title">
                        <table cellspacing="0">
                            <tbody>
                                <tr>
                                    <td><h3>Manage Product</h3></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="main-content">
                        <div class="product-category-tree">
                            <div class="tree-actions">
                                <a href="#">Collapse All</a> <span class="separator">|</span> <a href="#">Expand All</a>
                            </div>
                            <div class="tree-content" id="tree_category"></div>
                        </div>
                        <div class="product-category-edit">
                                <?= form_open('category/admincp/index/save', 'accept-charset="utf8" id="form_add_category" class="form-user"'); ?>
<!--                            <form  method="post" accept-charset="utf8" id="form_add_category" class="form-user" action="add">-->
                                <table class="add-new" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td colspan="2">
                                                <span name="category_success_message" id="category_success_message" class="progress-success" title="This field is required."></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input id="category_parent_id" class="input-text required" name="category[parent_id]" value="" type="hidden" />
                                            </td>
                                        </tr>
                                         <tr>
                                            <td>
                                                <input id="category_id" class="input-text required" name="category[id]" value="" type="hidden" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="category_name">Name <span class="form-required" title="This field is required.">*</span></label>
                                            </td>
                                            <td>
                                                <input id="category_name" class="input-text required" id="username" name="category[name]" value="" size="20" maxlength="60" type="text" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="category_description">Description <span class="form-required" title="This field is required.">*</span></label>
                                            </td>
                                            <td>
                                                <textarea name="category[description]" class="text-area" id="category_description" cols="50" rows="5"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label for="category_actived">Actived</label>
                                            </td>
                                            <td>
                                                <div id="category_status" class="form-radios">
                                                    <input id="category_status_1" name="category[actived]" value="1" checked="checked" class="input-radio" type="radio" />  <label class="option" for="category_status_1">Active </label>
                                                    <input id="category_status_2" name="category[actived]" value="0" class="input-radio" type="radio" />  <label class="option" for="category_status_2">Deactive </label>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="form-input float-right">
                                    <input type="button" name="save_category" id="save_category" value="Add" class="add" />
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>        
        <div class="footer">
            Tutorsell 2013@Sywogroup.com
        </div>
        <input type="hidden" value="{pharse var='product.error_message_add'}" name="error_message_add" id="error_message_add"/>
        <input type="hidden" id="token_name" name="token_value" value="<?= $token->name; ?>" />
        <input type="hidden" id="token_value" name="token_value" value="<?= $token->value; ?>" />
        <code class="hidden" id="phrase_js"><!-- <?= $phrase_js ?> --></code>
        <code class="hidden" id="li_category">
            <!--
             <li class="closed">
                 <span class="folder">
                     <span class=""><input type="radio" class="product-category" id="category_{category_id}" name="category" value="{category_id}" /></span>
                     <span class="category-text">{category}</span>
                     <span class="float-right">
                         <a id="edit_category_{category_id}" class="edit-category" href="#">edit</a> <span class="separator">
                     </span>
                 </span>
                 {sub_category}
             </li>
            -->
        </code>
    </body>
</html>